<!doctype html>
<html lang="en">

<head>
    <!-- HTML Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="title" content="Factorio Cheat Sheet">
    <meta name="description"
        content="A compendium of the most common Factorio game facts, such as build ratios, tips/tricks, and links to further information.">
    <meta name="keywords" content="Factorio, Cheat, Sheet, Ratios, Tips, Guide, Production, DDDGamer, Denis Zholob">
    <meta name="author" content="Denis Zholob">

    <!-- Google / Search Engine Tags -->
    <meta itemprop="name" content="Factorio Cheat Sheet">
    <meta itemprop="description"
        content="A compendium of the most common Factorio game facts, such as build ratios, tips/tricks, and links to further information.">
    <meta itemprop="image" content="assets/icons/factorio-cheat-sheet-splash.webp">

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://factoriocheatsheet.com">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Factorio Cheat Sheet">
    <meta property="og:description"
        content="A compendium of the most common Factorio game facts, such as build ratios, tips/tricks, and links to further information.">
    <meta property="og:image" content="assets/icons/factorio-cheat-sheet-splash.webp">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Factorio Cheat Sheet">
    <meta name="twitter:description"
        content="A compendium of the most common Factorio game facts, such as build ratios, tips/tricks, and links to further information.">
    <meta name="twitter:image" content="assets/icons/factorio-cheat-sheet-splash.webp">

    <!-- Title/Icons -->
    <title>Factorio Cheat Sheet</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff8400">
    <meta name="msapplication-TileColor" content="#da532c">
    <base href="/">

    <!-- PWA -->
    <link rel="manifest" href="manifest.webmanifest">
    <meta name="theme-color" content="#FF8400">

    <!-- Meta Tags Generated via http://heymeta.com -->

    <!-- Prefetch/Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="preconnect" href="//fonts.googleapis.com" crossorigin="anonymous">
    <link rel="dns-prefetch" href="//fonts.gstatic.com/s/">
    <link rel="preconnect" href="//fonts.gstatic.com/s/" crossorigin="anonymous">
    <link rel="dns-prefetch" href="//use.fontawesome.com">
    <link rel="preconnect" href="//use.fontawesome.com" crossorigin="anonymous">
    <!-- <link rel="dns-prefetch" href="//stackpath.bootstrapcdn.com"> -->
    <!-- <link rel="preconnect" href="//stackpath.bootstrapcdn.com" crossorigin="anonymous"> -->
    <link rel="dns-prefetch" href="//wiki.factorio.com/">
    <link rel="preconnect" href="//wiki.factorio.com/" crossorigin="anonymous">
    <link rel="dns-prefetch" href="//gist.githubusercontent.com">
    <link rel="preconnect" href="//gist.githubusercontent.com" crossorigin="anonymous">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Jura:wght@400;700&family=Play:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
        integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">

    <!-- Global Site Tag (gtag.js) - Google Analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-28080172-9"></script>
    <script async="">
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments) };
        gtag('js', new Date());
        gtag('config', 'UA-28080172-9');
    </script>

    <!-- Google Adsense -->
    <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8345050037615230"
        crossorigin="anonymous">
    </script>

    <!-- Basic colors to prevent default blinding white to flash right b4 css loads... -->
    <style>
        html, body {
            background-color: #141516;
            color: #eee;
            font-family: 'Play', sans-serif;
        }
    </style>
</head>

<body>
    <app-root>
        <div style="text-align:center; padding-top: 20px;">
            Loading...
            <div class="fa-3x">
                <i class="fa fa-spinner fa-spin"></i>
            </div>
            <p class="text-muted">
                If this is loading forever, there may be a bug.
                <br> Hit
                <strong>F12</strong> to bring up the Debug console, and
                <a href="https://github.com/deniszholob/factorio-cheat-sheet/issues">
                    report
                </a>
                any errors.
            </p>
        </div>
    </app-root>
    <noscript>
        Please enable JavaScript to continue using this application.
    </noscript>
</body>

</html>
